<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PaperTheme</title>
<style>
#wrap {
	position:absolute;
	top:0px;
	width:100%;
	margin:0;
	padding:0;
	background-color:#EEE;
	overflow:visible;
	-webkit-box-shadow: 0px 0px 150px rgba(255, 255, 255, .9) inset;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(255,255,255,.15)),color-stop(1, rgba(0,0,0,.15)));

}
#top {
	margin:auto auto;
	width:800px;
	position: relative;
	font-variant: small-caps;
	font-variant: small-caps;
top: -2px;
}
#top h1 {
	color: rgba(0, 0, 0, 0);
	text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 5px;
	margin-bottom:1px;
	font-size:3em;
	text-align:right;
}
#main {
	background-color:#FFF;
	margin:0 auto 35px auto;
	width:700px;
	padding:50px;
	position: relative;
	-webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5);
}
#main h1.title {
	font-size:4em;
	font-style: italic;
	letter-spacing:.1em;
}
#menu{
	text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px;
	margin:0;
	padding:0;
	list-style: none;
	border-bottom:1px dashed #666;
	border-top:1px dashed #666;
	text-align:center;
}
#menu li{
	display: inline-block;
	zoom: 1;
	*display: inline;
	_height: 250px;
	margin:5px;
	padding:0;
}
#menu a{
	color:#000;
	margin:0;
	padding:5px 10px;
	text-decoration:none
}
#menu a:hover{
	text-decoration: underline;
}
#menu .selected{
	text-decoration: underline !important;
}
/* ------------------------------- */
a {
	color: #00C;
	text-decoration: underline;
}

a:visited {
	color: #800080;
}

abbr {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

address {
	display: block;
	font-style: italic;
	padding-left: 2px;
	padding-right: 2px;
}

b {
	font-weight: bold;
}

blockquote {
	display: block;
	margin: 1em 10px 1em 40px;
}

body{
	display:block;
	font-size: 1em;
	line-height: 1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	letter-spacing:.1em;
}

button {
	border-width: 2px;
	color: #000;
	display: inline-block;
	font-family: use-lang-def;
	font-size: 13px;
	font-weight: 400;
	padding: 1px 8px;
	text-align: center;
	text-indent: 0;
	white-space: nowrap;
}

caption {
	display: table-caption;
	text-align: center;
}

cite {
	font-style: italic;
}

code {
	font-family: use-lang-def;
	font-size: 0.81em;
}

col {
	display: table-column;
}

colgroup {
	display: table-column-group;
}

datalist {
	display: none;
}

dd {
	margin: 0 0 0 40px;
}

[dir=rtl] dd {
	margin: 0 40px 0 0;
}

del {
	text-decoration: line-through;
}

dfn {
	font-style: italic;
}

div {
	display: block;
}

dl {
	display: block;
	margin: 1em 0;
}

dt {
	display: block;
}

em {
	font-style: italic;
}

fieldset {
	border-style: groove;
	border-width: 2px;
	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0.33em 0.67em 0.75em;
}

form {
	display: block;
}

h1, h2, h3, h4, h5, h6{
	display: block;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	margin: 1em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

head {
	display: none;
}

hr {
	display: block;
    margin: 0.5em auto;
    border-style: inset;
    border-width: 1px
}

html{
	display: block;
	margin:0;
	padding:0;
}

i {
	font-style: italic;
}

iframe {
	border-style: inset;
	border-width: 2px;
}

input {
	border-width: 2px;
	color: #000;
	font-family: use-lang-def;
	font-size: 13px;
	font-weight: 400;
	padding: 1px;
	text-align: default;
	text-indent: 0;
	text-transform: none;
}

ins {
	text-decoration: underline;
}

kbd {
	font-family: use-lang-def;
	font-size: 0.81em;
}

keygen {
	border-width: 2px;
	color: #000;
	font-family: use-lang-def;
	font-size: 13px;
	font-weight: 400;
	padding: 1px;
	text-align: default;
	text-indent: 0;
}

legend {
	display: block;
	padding-left: 2px;
	padding-right: 2px;
}

li {
	display: list-item;
}

link {
	display: none;
}

menu {
	display: block;
	margin: 1em 0 1em 40px;
	padding-left: 2px;
	padding-right: 2px;
}

[dir=rtl] menu {
	margin: 1em 40px 1em 0;
}

meta {
	display: none;
}

noscript {
	display: none;
}

ol {
	padding: 0 0 0 40px;
}

optgroup {
	text-indent: 0;
}

option {
	text-indent: 0;
}

p {
	display: block;
	margin: 1em 0;
}

pre {
	display: block;
	font-family: use-lang-def;
	font-size: 0.81em;
	margin: 1em 0;
	white-space: pre;
}

q {
	quotes: "\"" "\"" "'" "'";
}

samp {
	font-family: use-lang-def;
	font-size: 0.81em;
}

script {
	display: none;
}

select {
	border-width: 2px;
	color: #000;
	font-family: use-lang-def;
	font-size: 13px;
	font-weight: 400;
	padding: 1px;
	text-align: default;
	text-indent: 0;
}

strong {
	font-weight: bold;
}

sub {
	vertical-align: sub;
}

sup {
	vertical-align: super;
}

table {
	border-spacing: 0px;
	border-collapse:collapse;
	border: 1px solid #666;
	display: table;
	text-indent: 0;
}

tbody {
	display: table-row-group;
	vertical-align: middle;
}

td {
	display: table-cell;
	padding: 1px 4px;
	vertical-align: inherit;
}

textarea {
	border-width: 2px;
	color: #000;
	font-family: use-lang-def;
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
	padding: 1px;
	text-align: default;
	text-indent: 0;
	text-transform: none;
}

tfoot {
	display: table-footer-group;
	vertical-align: middle;
}

th {
	display: table-cell;
	font-weight: bold;
	padding: 1px;
	vertical-align: inherit;
}

thead {
	display: table-header-group;
	vertical-align: middle;
}

title {
	display: none;
}

tr {
	display: table-row;
	vertical-align: inherit;
}

ul {
	display: block;
	list-style-position: outside;
	list-style-type: disc;
	margin: 1em 0;
	padding: 0 0 0 40px;
}

[dir=rtl] ul {
	padding: 0 40px 0 0;
}

var {
	font-style: italic;
}

video {
	display: inline;
}
/* ------------------------------- */

</style>
</head>
<body>
<div id="wrap">
<div id="top">
  <h1>.Paper</h1></div>
<div id="main">
<h1 class="title">DavidXL</h1>
	<ul id="menu">
    	<li><a href="#">Home</a></li>
        <li><a href="#" class="selected">Blog</a></li>
        <li><a href="#">Proyects</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">Top 10</a></li>
    </ul>

  <h1>Title Test 1</h1>
  <p>Parafo: Lorem ipsum duo elit laoreet scripserit in, tollit facilisis cotidieque usu at. At probo singulis est, usu labore audiam disputationi ut! Equidem adipiscing ad quo, mei in alterum recteque iudicabit, dolorum perpetua sapientem vim et? At ius decore argumentum, per munere melius luptatum ei, nam ne falli eruditi dignissim! Diam fierent scaevola ius ei, affert iuvaret temporibus per ex!</p>
   <p>Parafo: Lorem ipsum duo elit laoreet scripserit in, tollit facilisis cotidieque usu at. At probo singulis est, usu labore audiam disputationi ut! Equidem adipiscing ad quo, mei in alterum recteque iudicabit, dolorum perpetua sapientem vim et? At ius decore argumentum, per munere melius luptatum ei, nam ne falli eruditi dignissim! Diam fierent scaevola ius ei, affert iuvaret temporibus per ex!</p>
  <h2>Title Test 2</h2>
  <p>An summo contentiones definitionem sit, choro eligendi quaestio mea et? Quo possit eligendi consequuntur at, cu error bonorum indoctum pri, vix et errem vocent consequuntur. Quo agam placerat atomorum ad, est sonet omnium praesent at! Libris comprehensam te sea, ut mei detracto efficiantur necessitatibus. Sapientem repudiare at cum, et sea ridens delenit laboramus?</p>
  <h3>Title Test 3</h3>
  <p>Prueba UL</p>
  <ul>
 	<li>ul li 1</li>
    <li>ul li 2</li>
    <li>ul li 3</li>
    <li>ul li 4</li>
    <li>ul li 5</li>
  </ul>
  <p>Prueba OL</p>
  <ol>
 	<li>ol li 1</li>
    <li>ol li 2</li>
    <li>ol li 3</li>
    <li>ol li 4</li>
    <li>ol li 5</li>
  </ol>
  <p>No mucius urbanitas definitiones usu, his solum dicant referrentur id, ei vim graeco labitur evertitur. Dolorum apeirian liberavisse est ne, vim admodum vulputate te, ut sumo suavitate qui? His aliquip torquatos efficiendi te, virtute blandit ponderum mea no, magna brute dissentiet te per. Mea noster facilisi imperdiet ei, ex homero timeam recteque est? Liber vocent animal an vix?</p>
  <table>
  <tr>
    <td>Tabla</td>
    <td>T12</td>
    <td>T13</td>
  </tr>
  <tr>
    <td>T21</td>
    <td>T22</td>
    <td>T23</td>
  </tr>
  <tr>
    <td>T31</td>
    <td>T32</td>
    <td>T33</td>
  </tr>
</table>

  <h4>Title Test 4</h4>
  <p>Diam percipit tincidunt ex cum, mel te alia summo, alia laboramus et vel! Ut has alii putant, laudem timeam tincidunt ea sea? Sed ei quaeque qualisque, nec virtute inciderint te! Civibus minimum temporibus ex has, has tota zzril postea ea. Ut vitae petentium nam, petentium abhorreant qui at? Est sanctus noluisse efficiantur no, et vix mutat impetus disputando, nominavi salutatus est eu!</p>
  
  <h5>Title Test 5</h5>
  <p>Paulo affert honestatis te pro, et accusam eloquentiam necessitatibus ius, legere labore pertinacia et sit? Vim eu erat oratio nullam, eros debet vel an.</p>

  <h6>Title Test 6</h6>
  <p>Ne eam solet facete lobortis, quot maiestatis cum ei, mei justo velit tractatos eu. Te vel exerci soluta hendrerit, ex vis odio luptatum repudiandae, luptatum molestiae deseruisse mel ei. Altera fabulas deterruisset ut vis, simul dolores volutpat vim ea, eam movet audiam sententiae ei. Per omittam aliquyam erroribus ut, ut utinam primis facilisis duo, nec odio mentitum argumentum et? Doming regione tractatos pro ex, ius et augue omittantur contentiones, qui sale commodo mediocritatem in. Vix quis stet meliore ex, ubique voluptua inimicus sit at, ad ipsum veniam delicatissimi has. Id facer facilisis adipiscing vix, nam summo facilisi ei.</p>
</div>
</div>
</body>
</html>
